<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Masked Input Fields - Photon Admin Panel Theme</title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
        <link rel="shortcut icon" href="favicon.ico" />
        <link rel="apple-touch-icon" href="iosicon.png" />
<!--    DEVELOPMENT LESS -->
<!--    <link rel="stylesheet/less" href="css/photon.less" media="all" />
        <link rel="stylesheet/less" href="css/photon-responsive.less" media="all" />-->
<!--    PRODUCTION CSS -->
        <link rel="stylesheet" href="css/css_compiled/photon-min.css" media="all" />
        <link rel="stylesheet" href="css/css_compiled/photon-min-part2.css" media="all" />
        <link rel="stylesheet" href="css/css_compiled/photon-responsive-min.css" media="all" />

<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/css_compiled/ie-only-min.css" />
<![endif]-->

<!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/css_compiled/ie8-only-min.css" />
        <script type="text/javascript" src="js/plugins/excanvas.js"></script>
        <script type="text/javascript" src="js/plugins/html5shiv.js"></script>
        <script type="text/javascript" src="js/plugins/respond.min.js"></script>
        <script type="text/javascript" src="js/plugins/fixFontIcons.js"></script>
<![endif]-->
        
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.pnotify.min.js"></script>

<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins/less-1.3.1.min.js"></script>        
<script type="text/javascript" src="js/plugins/xbreadcrumbs.js"></script>
<script type="text/javascript" src="js/plugins/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.autotab-1.1b.js"></script>
<script type="text/javascript" src="js/plugins/charCount.js"></script>
<script type="text/javascript" src="js/plugins/jquery.textareaCounter.js"></script>
<script type="text/javascript" src="js/plugins/elrte.min.js"></script>
<script type="text/javascript" src="js/plugins/elrte.en.js"></script>
<script type="text/javascript" src="js/plugins/select2.js"></script>
<script type="text/javascript" src="js/plugins/jquery-picklist.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/plugins/additional-methods.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.form.js"></script>
<script type="text/javascript" src="js/plugins/jquery.metadata.js"></script>
<script type="text/javascript" src="js/plugins/jquery.mockjax.js"></script>
<script type="text/javascript" src="js/plugins/jquery.uniform.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.rating.pack.js"></script>
<script type="text/javascript" src="js/plugins/farbtastic.js"></script>
<script type="text/javascript" src="js/plugins/jquery.timeentry.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.jstree.js"></script>
<script type="text/javascript" src="js/plugins/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="js/plugins/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.mCustomScrollbar.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.stack.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.pie.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.resize.js"></script>
<script type="text/javascript" src="js/plugins/raphael.2.1.0.min.js"></script>
<script type="text/javascript" src="js/plugins/justgage.1.0.1.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.clock.js"></script>
<script type="text/javascript" src="js/plugins/jquery.countdown.js"></script>
<script type="text/javascript" src="js/plugins/jquery.jqtweet.js"></script>
<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap-fileupload.min.js"></script>
<script type="text/javascript" src="js/plugins/prettify/prettify.js"></script>

<script type="text/javascript" src="js/common.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

    <body class="body-inner">
            
    <div class="btn-toolbar btn-mobile-menus">
        <button class="btn btn-main-menu"></button>
        <button class="btn btn-user-menu"><i class="icon-logo"></i></button>
    </div>

    <div class="nav-fixed-left" style="visibility: hidden">
        <ul class="nav nav-side-menu">
            <li class="shadow-layer"></li>
            <li>
                <a href="dashboard.php">
                    <i class="icon-photon home"></i>
                    <span class="nav-selection">Dashboard</span>
                                    </a>
            </li>
            <li>
                <a href="javascript:;" class="sub-nav-container">
                    <i class="icon-photon list_nested"></i>
                    <span class="nav-selection">Form Elements</span>
                    <i class="icon-menu-arrow"></i>                </a>
                <div class="sub-nav">
                    <ul class="nav">
                        <li>
                            <a href="form-elements-input-fields.php">Input Fields</a>
                        </li>
                        <li>
                            <a href="form-elements-masked-input-fields.php">Masked Input Fields</a>
                        </li>
                        <li>
                            <a href="form-elements-autotabs.php">Autotabs</a>
                        </li>
                        <li>
                            <a href="form-elements-text-areas.php">Text Areas</a>
                        </li>
                        <li>
                            <a href="form-elements-select-menus.php">Select Menus</a>
                        </li>
                        <li>
                            <a href="form-elements-other-form-elements.php">Other Form Elements</a>
                        </li>
                        <li>
                            <a href="form-elements-form-validation.php">Form Validation</a>
                        </li>
                        <li>
                            <a href="form-elements-ui-elements.php">UI Elements</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript:;" class="sub-nav-container">
                    <i class="icon-photon chart_alt"></i>
                    <span class="nav-selection">Graphs and Statistics</span>
                    <i class="icon-menu-arrow"></i>                </a>
                <div class="sub-nav">
                    <ul class="nav">
                        <li>
                            <a href="graphs-and-statistics-graphs.php">Graphs</a>
                        </li>
                        <li>
                            <a href="graphs-and-statistics-statistical-elements.php">Statistical Elements</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="typography.php">
                    <i class="icon-photon book_alt2"></i>
                    <span class="nav-selection">Typography</span>
                                    </a>
            </li>
            <li>
                <a href="grid.php">
                    <i class="icon-photon hash"></i>
                    <span class="nav-selection">Grid</span>
                                    </a>
            </li>
            <li>
                <a href="tables.php">
                    <i class="icon-photon new_window"></i>
                    <span class="nav-selection">Tables</span>
                                    </a>
            </li>
            <li>
                <a href="maps.php">
                    <i class="icon-photon map_pin_stroke"></i>
                    <span class="nav-selection">Maps</span>
                                    </a>
            </li>
            <li>
                <a href="sidebar-widgets.php">
                    <i class="icon-photon book_alt"></i>
                    <span class="nav-selection">Sidebar Widgets</span>
                                    </a>
            </li>
            <li>
                <a href="javascript:;" class="sub-nav-container">
                    <i class="icon-photon bolt"></i>
                    <span class="nav-selection">Error Pages</span>
                    <i class="icon-menu-arrow"></i>                </a>
                <div class="sub-nav">
                    <ul class="nav">
                        <li>
                            <a href="error-pages-400-bad-request.php">400 Bad Request</a>
                        </li>
                        <li>
                            <a href="error-pages-401-unauthorized.php">401 Unauthorized</a>
                        </li>
                        <li>
                            <a href="error-pages-403-forbidden.php">403 Forbidden</a>
                        </li>
                        <li>
                            <a href="error-pages-404-page-not-found.php">404 Page Not Found</a>
                        </li>
                        <li>
                            <a href="error-pages-500-internal-server-error.php">500 Internal Server Error</a>
                        </li>
                        <li>
                            <a href="error-pages-503-service-unavailable.php">503 Service Unavailable</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="help.php">
                    <i class="icon-photon info"></i>
                    <span class="nav-selection">Help</span>
                                    </a>
            </li>
            <li class="nav-logout">
                <a href="/">
                    <i class="icon-photon key_stroke"></i><span class="nav-selection">Logout</span>
                </a>
            </li>
        </ul>
    </div>        <div class="nav-fixed-topright" style="visibility: hidden">
    <ul class="nav nav-user-menu">
        <li class="user-sub-menu-container">
            <a href="javascript:;">
                <i class="user-icon"></i><span class="nav-user-selection">Company Name</span><i class="icon-menu-arrow"></i>
            </a>
                        <ul class="nav user-sub-menu">
                                <li>
                    <a href="javascript:;">My Profile</a>
                </li>
                                <li>
                    <a href="javascript:;">Settings</a>
                </li>
                                <li>
                    <a href="javascript:;">Messages</a>
                </li>
                                <li>
                    <a href="javascript:;">Help</a>
                </li>
                            </ul>
                    </li>
        <li>
            <a href="javascript:;">
                <i class="icon-photon mail"></i>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="icon-photon comment_alt2_stroke"></i>
                <div class="notification-count">12</div>
            </a>
        </li>
    </ul>
</div>

<script>
    $(function(){
        setTimeout(function(){
            $('.nav-fixed-topright').removeAttr('style');
        }, 300);
        
        $(window).scroll(function(){
            if($('.breadcrumb-container').length){
                var scrollState = $(window).scrollTop();
                if (scrollState > 0) $('.nav-fixed-topright').addClass('nav-released');
                else $('.nav-fixed-topright').removeClass('nav-released')
            }
        });
        
        $('.user-sub-menu-container').on('click', function(){
            $(this).toggleClass('active-user-menu');
        });
    });
</script>

        
<div class="panel">
    <div class="panel-content filler">
        <div class="panel-logo"></div>
        <div class="panel-header">
            <h1><small>Masked Input Fields</small></h1>
        </div>
        <div class="panel-search container-fluid">
            <form class="form-horizontal" action="javascript:;" />
                <input id="panelSearch" placeholder="Search" type="text" name="panelSearch" />
                <button class="btn btn-search"></button>
                <script>
                    $().ready(function(){
                        var searchTags = [
                            "Dashboard",
                            "Form Elements",
                            "Graphs and Statistics",
                            "Typography",
                            "Grid",
                            "Tables",
                            "Maps",
                            "Sidebar Widgets",
                            "Error Pages",
                            "Help",
                            "Input Fields",
                            "Masked Input Fields",
                            "Autotabs",
                            "Text Areas",
                            "Select Menus",
                            "Other Form Elements",
                            "Form Validation",
                            "UI Elements",
                            "Graphs",
                            "Statistical Elements",
                            "400 Bad Request",
                            "401 Unauthorized",
                            "403 Forbidden",
                            "404 Page Not Found",
                            "500 Internal Server Error",
                            "503 Service Unavailable"
                        ];
                        $( "#panelSearch" ).autocomplete({
                            source: searchTags
                        });
                    });            
                </script>
            </form>
        </div>
                    <script type="text/javascript">
        $(function () {
            $("#jstree").jstree({ 
                "json_data" : {
                    "data" : [
                                                {
                            "data" : { 
                                "title" : "Date", 
                                "attr" : { "href" : "#Date" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Phone", 
                                "attr" : { "href" : "#Phone" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Phone and Exit", 
                                "attr" : { "href" : "#Phone_and_Exit" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Int Phone", 
                                "attr" : { "href" : "#Int_Phone" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Tax ID", 
                                "attr" : { "href" : "#Tax_ID" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "SSN", 
                                "attr" : { "href" : "#SSN" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Product Key", 
                                "attr" : { "href" : "#Product_Key" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Eye Script", 
                                "attr" : { "href" : "#Eye_Script" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Purchase Order", 
                                "attr" : { "href" : "#Purchase_Order" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Percent", 
                                "attr" : { "href" : "#Percent" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Character Ranges", 
                                "attr" : { "href" : "#Character_Ranges" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Mask Escaping", 
                                "attr" : { "href" : "#Mask_Escaping" } 
                            }
                        },
                                            ]
                },
                "plugins" : [ "themes", "json_data", "ui" ]
            })
            .bind("click.jstree", function (event) {
                var node = $(event.target).closest("li");
                document.location.href = node.find('a').attr("href");
                return false;
            })
            .delegate("a", "click", function (event, data) { event.preventDefault(); });
        });
    </script>
        <div class="sidebarMenuHolder">
        <div class="JStree">
            <div class="Jstree_shadow_top"></div>
            <div id="jstree"></div>
            <div class="Jstree_shadow_bottom"></div>
        </div>
    </div>    </div>
    <div class="panel-slider">
        <div class="panel-slider-center">
            <div class="panel-slider-arrow"></div>
        </div>
    </div>
</div>
        <div class="main-content">
            <div class="breadcrumb-container">
    <ul class="xbreadcrumbs">
        <li>
            <a href="dashboard.php">
                <i class="icon-photon home"></i>
            </a>
        </li>
                <li>
            <a href="#">Form Elements</a>
            <ul class="breadcrumb-sub-nav">
                                <li>
                    <a href="form-elements-input-fields.php">Input Fields</a>
                </li>
                                <li>
                    <a href="form-elements-masked-input-fields.php">Masked Input Fields</a>
                </li>
                                <li>
                    <a href="form-elements-autotabs.php">Autotabs</a>
                </li>
                                <li>
                    <a href="form-elements-text-areas.php">Text Areas</a>
                </li>
                                <li>
                    <a href="form-elements-select-menus.php">Select Menus</a>
                </li>
                                <li>
                    <a href="form-elements-other-form-elements.php">Other Form Elements</a>
                </li>
                                <li>
                    <a href="form-elements-form-validation.php">Form Validation</a>
                </li>
                                <li>
                    <a href="form-elements-ui-elements.php">UI Elements</a>
                </li>
                            </ul>
        </li>
                <li class="current">
            <a href="javascript:;">Masked Input Fields</a>
        </li>
    </ul>
</div>            <header>
                <i class="icon-big-notepad"></i>
                <h2><small>Masked Input Fields</small></h2>
                <h3><small>Allows a user to more easily enter the data in a certain format (dates, phone numbers, etc).</small></h3>
            </header>
            <form class="form-horizontal" />
                <div class="container-fluid">

                        <div class="form-legend">Input Fields</div>

                        <!--Input Data-->
                        <div id="Date" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputDate">Date<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="(##/##/####)"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputDate" type="text" name="inputDate" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputDate').mask('99/99/9999');
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input Data-->

                        <!--Input Phone-->
                        <div id="Phone" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputPhone">Phone<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="(###) ###-####"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputPhone" type="tel" name="inputPhone" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputPhone').mask('(999) 999-9999');
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input Phone-->

                        <!--Input PhoneExit-->
                        <div id="Phone_and_Exit" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputPhoneExit">Phone and Exit<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="(###) ###-#### x#####"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputPhoneExit" type="tel" name="inputPhoneExit" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputPhoneExit').mask("(999) 999-9999? x99999");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input PhoneExit-->

                        <!--Input IntPhone-->
                        <div id="Int_Phone" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputIntPhone">Int Phone<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="+33 (###) ###-####"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputIntPhone" type="tel" name="inputIntPhone" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputIntPhone').mask("+33 (999) (999-9999)");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input IntPhone-->

                        <!--Input TaxID-->
                        <div id="Tax_ID" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputTaxID">Tax ID<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="##-#######"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputTaxID" type="text" name="inputTaxID" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputTaxID').mask("99-9999999");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input TaxID-->

                        <!--Input SSN-->
                        <div id="SSN" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSSN">SSN<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="###-##-####"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputSSN" type="text" name="inputSSN" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputSSN').mask("999-99-9999");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input SSN-->

                        <!--Input ProductKey-->
                        <div id="Product_Key" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputProductKey">Product Key<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="a*-###-a###"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputProductKey" type="text" name="inputProductKey" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputProductKey').mask("a*-999-a999");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input ProductKey-->

                        <!--Input EyeScript-->
                        <div id="Eye_Script" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputEyeScript">Eye Script<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="~#.## ~#.## ###"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputEyeScript" type="text" name="inputEyeScript" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputEyeScript').mask("~9.99 ~9.99 999");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input EyeScript-->

                        <!--Input PurchaseOrder-->
                        <div id="Purchase_Order" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputPurchaseOrder">Purchase Order<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="aaa-###-***"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputPurchaseOrder" type="text" name="inputPurchaseOrder" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputPurchaseOrder').mask("aaa-999-***");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input PurchaseOrder-->

                        <!--Input Percent-->
                        <div id="Percent" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputPercent">Percent<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="##%"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputPercent" type="text" name="inputPercent" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputPercent').mask("99%");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input Percent-->

                        <!--Input CharacterRanges-->
                        <div id="Character_Ranges" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputCharacterRanges">Character Ranges<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="[1-9]#%"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputCharacterRanges" type="text" name="inputCharacterRanges" />
                                    <script>
                                        $(document).ready(function(){
                                            $.mask.definitions['^']='[1-9]';
                                            $('#inputCharacterRanges').mask("^9%");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input CharacterRanges-->
                        <!--Input MaskEscaping-->
                        <div id="Mask_Escaping" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputMaskEscaping">Mask Escaping<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="##-#### ?a\"><i class="icon-photon info-circle"></i></a></label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputMaskEscaping" type="text" name="inputMaskEscaping" />
                                    <script>
                                        $(document).ready(function(){
                                            $('#inputMaskEscaping').mask("99-999 ?a");
                                        });
                                    </script>
                                </div>
                            </div>
                        </div>
                        <!--end Input MaskEscaping-->

                </div><!-- end container -->
            </form>
        </div>
    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1936460-27']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
    </body>
</html>